<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="UTF-8" />
    <title>文本基本练习</title>
    <style type="text/css"></style>
    <style>
      p {
          font-family: "Times New Roman";
          /* font-style:oblique; */
          font-size: 14px;
          color: blue;
      }
      p2 {
        font-size: 24px;
        font-weight: bold;
      }
      hr {
        width: 200px; /*设置水平宽度为200像素 */
        margin-left: 0; /*左侧边距为0*/
        height: 5px;
      }
      #id1 li{
        display: inline;
      }
      li {
        list-style-type: none;
      }
    </style>
  </head>

  <body>
    <p>手机充值、IP卡/电话卡</p>
    <p2 class="class1">移动&nbsp;|&nbsp; 100 | &nbsp;联通 | &nbsp;50</p>
    <hr color="red" />
    <ul id="id1">
      <li>如何注册会员？|</li>
      <li>如何激活会员名？|</li>
    </ul>
  </body>
</html>
